<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<style>
.unselected {
	color: grey;
}

/**
* 消息列表
*/
div.pass-list {
	border-style: solid solid solid solid;
	padding: 1% 1% 1% 1%;
	margin-bottom: 5px;
}

div.nopass-list {
	border-style: solid solid solid solid;
	padding: 1% 1% 1% 1%;
	margin-bottom: 5px;
	border-color: #EF7178;
}

div.undo-list {
	border-style: solid solid solid solid;
	padding: 1% 1% 1% 1%;
	margin-bottom: 5px;
	border-color: #9B9B9B;
}

div.list:hover {
	background-color: #FFF5EE;
}

.audit-btn {
	float: right;
	margin: 1% 1% 1% 1%;
}

.accordion-inner {
	font-size: 18px;
}

.accordion-body {
	border-style: none solid solid solid;
}

.pass-accordion-body {
	border-color: none;
}

.nopass-accordion-body {
	border-color: #EF7178;
}

.undo-accordion-body {
	border-color: #9B9B9B;
}
</style>

<ul class="nav nav-tabs">
	<li role="presentation" class="active"
		style="width:25%;text-align:center;font-size:20px;"><a href="#"
		style="color:#FF8888;border-bottom-color:#FF8888;"
		onclick="select(this)">全部请求</a></li>
	<li role="presentation"
		style="width:25%;text-align:center;font-size:20px;" value="1"><a
		href="#" class="unselected" onclick="select(this)">已通过请求</a></li>
	<li role="presentation"
		style="width:25%;text-align:center;font-size:20px;"><a href="#"
		class="unselected" onclick="select(this)">已驳回请求</a></li>
	<li role="presentation"
		style="width:25%;text-align:center;font-size:20px;"><a href="#"
		class="unselected" onclick="select(this)">未处理请求</a></li>
</ul>

<div class="row-fluid">
	<div class="span12" id="content2">

		<div class="accordion" id="audit_list">

			<div class="accordion-group">
				<div class="accordion-heading list"
					style="border-style: solid solid solid solid;padding: 1% 1% 1% 1%;margin-bottom: 5px;border-color: #9B9B9B;">
					<div class="accordion-toggle collapsed" data-parent="#notice_list"
						data-toggle="collapse" href="#pane_1">
						<span style="width:50%;font-size:18px;"><img
							class="img-circle" src="../img/psb.jpg" style="width:30px;"><b>华南农业大学</b><br>基本信息-基本情况-办学条件</span><span
							style="font-size:18px;"><a
							style="float:right; margin-left:5%;">查看更多▼</a><span
							style="float:right;">2018年7月22日&nbsp;&nbsp;下午5:32</span></span>
					</div>
				</div>

				<div class="accordion-body collapse undo-accordion-body" id="pane_1">
					<div class="accordion-inner">
						<div>《办学情况》</div>
						<hr />
						<div>
							<button class="btn btn-large btn-primary audit-btn">通过</button>
							<button class="btn btn-large btn-warning audit-btn">驳回</button>
						</div>
					</div>
				</div>
			</div>

			<div class="accordion-group">
				<div class="accordion-heading list"
					style="border-style: solid solid solid solid;padding: 1% 1% 1% 1%;margin-bottom: 5px;">
					<div class="accordion-toggle collapsed" data-parent="#notice_list"
						data-toggle="collapse" href="#pane_2">
						<span style="width:50%;font-size:18px;"><img
							class="img-circle" src="../img/psb.jpg" style="width:30px;"><b>华南农业大学</b><br>基本信息-基本情况-办学条件</span><span
							style="font-size:18px;"><a
							style="float:right; margin-left:5%;">查看更多▼</a><span
							style="float:right;">2018年7月22日&nbsp;&nbsp;下午5:32</span></span>
					</div>
				</div>

				<div class="accordion-body collapse pass-accordion-body" id="pane_2">
					<div class="accordion-inner">
						<div>《办学情况》</div>
						<hr />
						<div>
							<button class="btn btn-large btn-primary audit-btn">通过</button>
							<button class="btn btn-large btn-warning audit-btn">驳回</button>
						</div>
					</div>
				</div>
			</div>

			<div class="accordion-group">
				<div class="accordion-heading list"
					style="border-style: solid solid solid solid;padding: 1% 1% 1% 1%;margin-bottom: 5px;border-color:#EF7178;">
					<div class="accordion-toggle collapsed" data-parent="#notice_list"
						data-toggle="collapse" href="#pane_3">
						<span style="width:50%;font-size:18px;"><img
							class="img-circle" src="../img/psb.jpg" style="width:30px;"><b>华南农业大学</b><br>基本信息-基本情况-办学条件</span><span
							style="font-size:18px;"><a
							style="float:right; margin-left:5%;">查看更多▼</a><span
							style="float:right;">2018年7月22日&nbsp;&nbsp;下午5:32</span></span>
					</div>
				</div>

				<div class="accordion-body collapse nopass-accordion-body"
					id="pane_3">
					<div class="accordion-inner">
						<div>《办学情况》</div>
						<hr />
						<div>
							<button class="btn btn-large btn-primary audit-btn">通过</button>
							<button class="btn btn-large btn-warning audit-btn">驳回</button>
						</div>
					</div>
				</div>
			</div>


		</div>

		<!-- 分页控件 -->
		<div>
			<ul id="pagination"
				class="pagination jq-pagination pagination-centered"
				style="font-size:18px;">

			</ul>
		</div>

		<script type="text/javascript">
			// 初始化分页
			$('#pagination').jqPaginator({
				totalCounts : 50, // 总记录数
				pageSize : 8, // 每页显示记录数
				visiblePages : 10, // 显示页按钮数
				currentPage : 1, // 当前页码
				wrapper : "<ul></ul>",
				first : '<li class="first"><a href="javascript:void(0);">首页</a></li>',
				prev : '<li class="prev"><a href="javascript:void(0);">上一页</a></li>',
				next : '<li class="next"><a href="javascript:void(0);">下一页</a></li>',
				last : '<li class="last"><a href="javascript:void(0);">末页</a></li>',
				page : '<li class="page"><a href="javascript:void(0);">{{page}}</a></li>',
				onPageChange : function PageChange(page_index, type) {}
			});
		</script>

	</div>
</div>
